body{
    background:#f7f7f7;
    >*{
        background:#fff;
        width:100%;
    }
}
.header{
    width: 100%;
    display:flex;
    justify-content: center;
    flex-wrap:wrap;
    background:#ffffff;
    img{
        width: 100%;
    }
    >*{
        width: 95%;
    }
    .logo_nav{
        width: 100%;
    }
    .header_top{
        height: 65px;
        line-height: 65px;
        color:#707070;
    }
    .header_center{
        color:#fff;
        ul{
            width: 100%;
            display:flex;
        }
        li:nth-child(1){
            width: 22%;
            height: 20px;
            line-height:20px;
            font-size:14px;
            text-align:center;
            background:#63dda8;
        }
        li:nth-child(2){
            width: 20%;
            height: 20px;
            line-height:20px;
            font-size:14px;
            text-align:center;
            background:#fb8a85;
        }
        li:nth-child(3){
            width: 20%;
            height: 20px;
            line-height:20px;
            font-size:14px;
            text-align:center;
            background:#f9c170;
        }
    }
    .header_bottom{
        height: 40px;
        display:flex;
        align-items:center;
        padding-bottom:30px;
        >*{
            margin-left:2%;
            color:#e0e0e0;
        }
        h4{
            margin:0;
            font-size:20px;
            color:#4d4d4d;
        }
    }
}
.main{
    display:flex;
    flex-wrap:wrap;
    margin-top:10px;
    justify-content:space-around;
    h5{
        width: 100%;
        height: 55px;
        line-height:55px;
        text-indent:1em;
        border-bottom:1px solid #ccc;
    }
    ul li{
        height: 35px;
        line-height:35px;
    }
    .ul_left{
        width: 25%;
        color:#d7d7d7;
    }
    .ul_right{
        width: 65%;
        color:#959595;
    }
    h6{
        width: 100%;
        height: 55px;
        line-height:55px;
        text-indent:0.5em;
        border-bottom:1px solid #ccc;
        color:#fed201;
    }
    .zhuanmai{
        width: 100%;
        height: 75px;
        display:flex;
        justify-content:space-around;
        align-items:center;
        .left{
            width: 30px;
            img{
                width: 50px;
            }
        }
        .right{
            width: 70%;
            height: 100%;
            display:flex;
            align-items:center;
            flex-wrap:wrap;
            p{
                width: 100%;
                margin-left:10%;
            }
            span{
                margin-left:8%;
                font-size:12px;
                color:#959595;
            }
        }
    }
}
.gushi{
    margin-top:10px;
    display:flex;
    justify-content:center;
    flex-wrap:wrap;
    img{
        width: 60px;
    }
    h5{
        width: 100%;
        height: 55px;
        line-height:55px;
        text-indent:1em;
        border-bottom:1px solid #ccc;
    }
    .center{
        margin:10px 0;
    }
    p{
        width: 95%;
        color:#7c7c7c;
    }
}
.pinglun{
    margin-top:10px;
    display:flex;
    h5{
        width: 90%;
        height: 55px;
        line-height:55px;
        text-indent:1em;
        border-bottom:1px solid #ccc;
    }
    i{
        width: 10%;
        height: 55px;
        border-bottom:1px solid #ccc;
        display: flex;
        align-items:center;
        img{
            width: 35px;
        }
    }
}